<!doctype HTML>
<script src="resources/text-based-repaint.js"></script>
<div style="will-change: transform; overflow: scroll; width: 200px; height: 200px; background: lightgray">
  <div style="position: relative; z-index: -1; width: 200px; height: 200px; background: lightblue; will-change: transform"></div>
  <div id="target" style="width: 200px; height: 200px; margin-top: -100px; margin-left: 100px; background: red"></div>
</div>
<script>
// Tests invalidation of the foreground graphics layer, which is used to paint normal flow and positive z-index children
// in the presence of a composited, negative z-index child.
function repaintTest() {
  target.style.background = "green";
}
onload = function() {
  runRepaintAndPixelTest();
}
</script>
